<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>固定导航</title>
    <link rel="stylesheet" href="./style.css">
</head>

<body>
    <nav class="nav" id="nav">
        <div class="container">
            <svg t="1626271706368" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1961"
                width="48" height="48" class="nav-menu">
                <path
                    d="M128 768h768v-85.333333H128v85.333333z m0-213.333333h768v-85.333334H128v85.333334z m0-298.666667v85.333333h768V256H128z"
                    p-id="1962" fill="#ffffff"></path>
            </svg>
            <h1 class="left-logo">
                <a href="https://www.eveningwater.com/" target="_blank" rel="noopener noreferrer">个人网页</a>
            </h1>
            <ul class="nav-list">
                <li>
                    <a href="https://www.eveningwater.com/my-web-projects/" target="blank">项目</a>
                </li>
                <li>
                    <a href="https://eveningwater.github.io/#/" target="blank" rel="noopener noreferrer">博客</a>
                </li>
                <li>
                    <a href="https://www.eveningwater.com/vue-resume/vue3.0/" target="blank"
                        rel="noopener noreferrer">关于我</a>
                </li>
                <li>
                    <a href="https://github.com/eveningwater/" target="blank" rel="noopener noreferrer">源码仓库</a>
                </li>
            </ul>
        </div>
    </nav>
    <main class="main">
        <div class="container">
            <h1>欢迎来到我的个人网站</h1>
            <p>
                总把自己当作一朵花，其实自己什么也不是。当你觉得自己就是一朵花时，问问自己有开出美丽的芬芳吗？
            </p>
            <p>
                总把自己当作一盏灯，其实自己什么也不是。当你觉得自己就是一盏灯时，问问自己有没有照出一席光明？
            </p>
        </div>
    </main>
    <section class="content container">
        <h2>朝闻雨记</h2>
        <article>
            <p>
                初起，观天，当中云暗，忽觉已而须有雨下。果未其然，须臾，雨翻盆而至，林中道上，从漉漉更浥浥。闻其声，似万马奔腾而至，有波涛汹汹之势，有浪雪滚滚之势，始惊。
            </p>
            <p>
                当是时也，道上成河，林中为汤，屋舍渗露，土地溜泥。天上旭旭，下潾潾，白云连天，清珠连道。阡陌芳草，惟以新得乳洗，即林林使人不尽心观矣。山嶙嶙，树葱葱，花艳艳，叶青青，而亦浅浅，是以万物之处无一不见淋。上危楼，观尽天下，阵阵风狂啸而至，道更浏耳！看风何其狂，雨何其暴矣！旖旎之木，岿然之山，澹澹之水，似有意迎之。故以为天下之美，莫过于乃尔！欸哉！欸哉！
            </p>
            <p>
                已而，雨自急迁淅沥，万物却依旧浥。雨纷纷似雪落，花于地。乃吾知之念非矣。固以为雨且狂一时，乃吾观之。以为闻其声而知其物，看其物而识其形，雨亦乃尔，惑矣。吾即闻声，却亦知物，而吾看物，不可知形也，何其哀矣。其缘吾之不胜书邪？其缘吾之望所失邪？非也。吾岂不读书邪？亦不是也。盖书不可不读耳！一日不读，书不知何用矣。吾必爱书，吾之所以爱书，惟缘吾以为爱书者，必爱学也，方可成事。书之不爱，学且何爱，事且成乎？
            </p>
            <p>
                雨终时，道已忽忽有漉矣，日从东方出，云失暗，而更白，是以吾知晴方至，天渐明，地渐清，恍若地洒于天。于是吾踏积露而去，见叶如新，树亦焕然，可知天非无情矣。何则天地无情，无情何在？草木飘零，芬芳枯损，自然之理也。孰谓之无情焉？其雨狂而无情邪？其风暴而无情邪？皆不是也。夫天地之无情，由人而生，人若无情，天且有情邪？
            </p>
            <p>
                朝雨之事，使吾有所得。吾知天非无情，无情于己欤。吾亦知须爱书，爱书必读之，使吾之观开也。故作文以抒怀，九月四日记。
            </p>
        </article>
        <h2>剑阁游记</h2>
        <article>
            <p>
                自然之观，天下之奇也。剑阁之观，余亦以之然乎。元月二日，余与舍友五人具至剑阁游也。虽身疲心极，亦不销余之欢心也。
            </p>
            <p>
                辰时，余与舍友从庠序起身，巳时，余与舍友具至剑阁。一路之行，余所望者，乃青山之岿然，蜀道之险，而山里草青木翠，咸不知丝毫之损也。已而余与舍友首入始地，始地者，剑门也，剑门者，剑阁之属也。以余立始地而望，而惊剑门山之危，然后心奇之，欲登之也。
            </p>
            <p>
                须臾，余与舍友具入剑门。其一者，余与舍友即见《蜀道难》诗题于壁上，字者，铿锵有力也。余与舍友于此踌躇须臾，而又徐徐前行也。庚午，余与舍友具入钟楼也，钟楼者，传为钟士季之故垒也，而其实然焉？余不知也。余与舍友又于此小憩多时，而后方渐前行也。一日高照上空，余即知此时乃正午也，而余与舍友具疲然，虽山道平平，又有憩地，亦不可解余一众疲也。然登山贵于恒，万事等之，若失之，岂可至极而成事乎？余一众岂以疲而弃大好风光不顾焉？故虽休憩须臾，余一众具起，而依旧前行也。午时，余与舍友具至仙女廊，然未留此，舍友即欲行鸟道，余即惊也。然余亦无那，见其不止而又上行，余遂逐其行鸟道也。余稍恐危，故下望鸟道之人，总为之而忧。虽知其不可落，以有铁索阻之也。而闻其居里眺下高叫，心恐也。鸟道者，其实也，太白云可以横绝峨眉巅，余此时知也。虽鸟道岌岌，而依旧人山人海，故余与舍友于鸟道俟多时也。未时，余与舍友具行尽鸟道，至仙女桥，而舍友不觉疲然，又渐行，余又逐之，又行既而，余一众便至梁山寺，固余一众欲入悬空玻璃观景台，然有须耗金，余一众即未去，而至梁山寺。余一众且于此观已而，有至舍身崖，观之须臾，即欲行至翠屏峰。翠屏峰者，乃缘其形似翠屏而得之，余初望之，即以之乃天下之奇峰也。其内草木如茵，四时具等，而草木成翠屏，果然焉。申时，余一众至大穿洞惟小穿洞，两洞具似拱桥，可许多人入内，故为奇观也。然后余一众即行天梯，天梯者，栈道也。眺下，乃天梯峡，余恐危，一目不敢复见也。有诗云剑阁天梯万里寒，余觉更甚。天梯栈道皆成于实木，余叹古人之杰也。酉时，余一众至关楼，关楼者，缘一夫当关万夫莫开而盛名也。传为孔明使人筑成，余不知其实也。
            </p>
            <p>
                戌时，余与舍友归，然至今，余由惊剑阁也，剑阁之观，天下之奇也。
            </p>
        </article>
    </section>
</body>
<script src="./script.js"></script>
</html>